<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>黄果树特色旅游 - 景点介绍</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="nav-container">
            <div class="nav-logo">
                <h3>🌊 黄果树旅游</h3>
            </div>
            <ul class="nav-menu">
                <li><a href="index.html">首页</a></li>
                <li><a href="attractions.html" class="active">景点</a></li>
                <li><a href="food.html">美食</a></li>
                <li><a href="culture.html">文化</a></li>
                <li><a href="itinerary.html">行程</a></li>
                <li><a href="accommodation.html">住宿</a></li>
                <li><a href="shopping.html">购物</a></li>
                <li><a href="contact.html">联系</a></li>
            </ul>
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </nav>

    <!-- 页面头部 -->
    <header class="page-header attractions-bg">
        <div class="container">
            <h1>🏞️ 壮美景点</h1>
            <p>探索黄果树瀑布群的自然奇观，感受大自然的鬼斧神工</p>
        </div>
    </header>

    <!-- 主要内容 -->
    <main class="main-content">
        <div class="container">
            <!-- 主要景点 -->
            <section class="fade-in">
                <h2 style="text-align: center; margin-bottom: 50px; font-size: 2.5rem; color: #2d3748;">🌟 核心景点</h2>
                <div class="grid-container">
                    <div class="card">
                        <div class="card-icon">🌊</div>
                        <h3>黄果树大瀑布</h3>
                        <p><strong>亚洲第一瀑布</strong></p>
                        <p>高度：77.8米，宽度：101米</p>
                        <p>黄果树大瀑布是中国最大的瀑布，也是世界著名的大瀑布之一。瀑布从高崖上倾泻而下，气势磅礴，声如雷鸣，形成了壮观的水帘洞奇观。站在瀑布前，水雾迷蒙，彩虹横跨，令人震撼不已。</p>
                        <p><strong>最佳观赏时间：</strong>上午9:00-11:00，下午2:00-4:00</p>
                    </div>
                    <div class="card">
                        <div class="card-icon">🏔️</div>
                        <h3>天星桥景区</h3>
                        <p><strong>风刀水剑刻就的万倾盆景</strong></p>
                        <p>面积：7平方公里</p>
                        <p>天星桥景区以石、树、水的完美结合而闻名，被誉为"风刀水剑刻就的万倾盆景"。景区内石笋密集，植被茂盛，形成了独特的喀斯特地貌景观，每一处都是天然的艺术品。</p>
                        <p><strong>特色景点：</strong>天星洞、天星桥、银链坠潭瀑布</p>
                    </div>
                    <div class="card">
                        <div class="card-icon">📺</div>
                        <h3>陡坡塘瀑布</h3>
                        <p><strong>《西游记》取景地</strong></p>
                        <p>宽度：105米，高度：21米</p>
                        <p>陡坡塘瀑布是黄果树瀑布群中最宽的瀑布，因《西游记》片尾曲的拍摄而闻名全国。瀑布顶部平坦宽阔，水流从顶部漫流而下，形成了独特的帘状瀑布景观。</p>
                        <p><strong>文化意义：</strong>86版《西游记》片尾拍摄地，承载着一代人的回忆</p>
                    </div>
                    <div class="card">
                        <div class="card-icon">🕳️</div>
                        <h3>水帘洞</h3>
                        <p><strong>瀑布后的神秘世界</strong></p>
                        <p>长度：134米</p>
                        <p>水帘洞位于黄果树大瀑布后面，是一个天然形成的洞穴。游客可以从瀑布内侧观赏瀑布的壮观景象，感受瀑布的巨大威力。洞内凉爽湿润，是夏日避暑的绝佳之地。</p>
                        <p><strong>游览提示：</strong>请穿着防滑鞋，并准备雨具</p>
                    </div>
                </div>
            </section>

            <!-- 次要景点 -->
            <section class="fade-in" style="margin-top: 80px;">
                <h2 style="text-align: center; margin-bottom: 50px; font-size: 2.5rem; color: #2d3748;">🔍 更多景点</h2>
                <div class="grid-container">
                    <div class="card">
                        <div class="card-icon">💎</div>
                        <h3>银链坠潭瀑布</h3>
                        <p>精巧秀美的小型瀑布，水流如银链般倾泻而下，在潭水中激起层层涟漪，景色清幽迷人。</p>
                    </div>
                    <div class="card">
                        <div class="card-icon">🌸</div>
                        <h3>螺丝滩瀑布</h3>
                        <p>因其形状酷似螺丝而得名，瀑布水流呈螺旋状流下，形成独特的视觉效果。</p>
                    </div>
                    <div class="card">
                        <div class="card-icon">🎋</div>
                        <h3>滴水滩瀑布</h3>
                        <p>黄果树瀑布群中最高的瀑布，高达410米，水流从高空中飞流直下，气势雄伟。</p>
                    </div>
                    <div class="card">
                        <div class="card-icon">🌺</div>
                        <h3>关脚峡</h3>
                        <p>峡谷深邃，两岸峭壁如削，谷底清流潺潺，是徒步探险的好去处。</p>
                    </div>
                </div>
            </section>

            <!-- 游览指南 -->
            <section style="margin-top: 80px;">
                <div class="contact-info">
                    <h3>🎯 游览小贴士</h3>
                    <p><strong>🎫 门票信息：</strong>成人票180元，学生票90元</p>
                    <p><strong>⏰ 开放时间：</strong>8:00-18:00（夏季），8:00-17:30（冬季）</p>
                    <p><strong>🚌 交通方式：</strong>从安顺市区乘坐专线巴士，约1小时车程</p>
                    <p><strong>📸 摄影建议：</strong>上午光线最佳，可拍摄到彩虹景观</p>
                    <p><strong>👕 穿着建议：</strong>防滑鞋、雨衣、舒适服装</p>
                </div>
            </section>

            <!-- 导航按钮 -->
            <div style="text-align: center; margin-top: 60px;">
                <a href="food.html" class="btn btn-primary">下一站：特色美食 →</a>
                <a href="itinerary.html" class="btn btn-secondary">规划行程</a>
            </div>
        </div>
    </main>

    <!-- 页面底部 -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h4>快速链接</h4>
                    <ul>
                        <li><a href="attractions.html">景点介绍</a></li>
                        <li><a href="itinerary.html">行程规划</a></li>
                        <li><a href="contact.html">联系我们</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>联系信息</h4>
                    <p>📞 400-123-4567</p>
                    <p>🌐 www.huangguoshu.com</p>
                    <p>📧 info@huangguoshu.com</p>
                </div>
                <div class="footer-section">
                    <h4>关注我们</h4>
                    <p>微信公众号：黄果树旅游</p>
                    <p>新浪微博：@黄果树官方</p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 黄果树特色旅游. 保留所有权利.</p>
            </div>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html> 